<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>折线图</title>
		<script type="text/javascript" src="echarts.js" ></script>
	</head>
	<body>
		<div id='sales' style="width: 600px;height: 400px;"></div>
		<script>
			var myCharts=echarts.init(document.getElementById("sales"));
			var option={
				title:{
					text:'一周销量变化曲线',
					subtext:'2022年第20周',
					left:'center'
				},
				tooltip:{},
				toolbox:{
					show:true,
					feature:{
						mark:{show:true},
						dataView:{show:true,readOnly:false},
						magicType:{show:true,type:['line','bar']},
						restore:{show:true},
						saveAsImage:{show:true}
					}
				},
				xAxis:{
					type:'category',
					data:['周一','周二','周三','周四','周五']
				},
				yAxis:{
					type:'value',
				},
				legends:{
					data:['鼠标销量','水杯销量'],
					left:'right'
				},
				series:[{
					name:'鼠标销量',
					data:[200,350,500,322,344,430],
					type:'line',
					smooth:true},{
					name:'水杯销量',
					data:[300,150,200,122,244,350],
					type:'line',
					smooth:true}]
			};
			myCharts.setOption(option);
		</script>
	</body>
</html>
